<template>
  <div class="page resident-type-page">
    <nav-bar title="基础信息采集" border></nav-bar>
    <div class="resident-type-main page-main" style="margin-top: 44px">
      <van-row>
        <van-col :span="8" v-for="(item, key) in typeOptions" :key="key">
          <div class="resident-type-item" @click="$router.push(item.path)">
            <div class="resident-type-cont">
              <img :src="item.iconPath" class="resident-type-img" alt="" />
              <p class="resident-type-text">{{ item.text }}</p>
            </div>
          </div>
        </van-col>
      </van-row>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      typeOptions: [
        // {
        //   text: '本地人口',
        //   iconPath: require('@/assets/images/resident/basic/icon_resident@2x.png'),
        //   path: '/resident/collection/person?residentType=11&residentTypeName=本地户籍人口'
        // },
        // {
        //   text: '非本地人口',
        //   iconPath: require('@/assets/images/resident/basic/icon_no_resident@2x.png'),
        //   path: '/resident/collection/person?residentType=12&residentTypeName=非本地户籍人口'
        // },
        // {
        //   text: '境外人员',
        //   iconPath: require('@/assets/images/resident/basic/icon_abroad@2x.png'),
        //   path: '/resident/collection/person?residentType=20&residentTypeName=境外来华停（居）留人员'
        // },
        {
          text: '迁入记录',
          iconPath: require('@/assets/images/resident/basic/icon_moveRecord.png'),
          path: '/resident/collection/person?residentType=&residentTypeName='
        },
        {
          text: '车辆登记',
          iconPath: require('@/assets/images/resident/basic/icon_car@2x.png'),
          path: '/resident/collection/car'
        },
        {
          text: '宠物登记',
          iconPath: require('@/assets/images/resident/basic/icon_pets@2x.png'),
          path: '/resident/collection/pet'
        },
        {
          text: '单位登记',
          iconPath: require('@/assets/images/resident/basic/icon_company@2x.png'),
          path: '/resident/collection/company'
        },
        {
          text: '组织登记',
          iconPath: require('@/assets/images/resident/basic/icon_organization@2x.png'),
          path: '/resident/collection/organization'
        },
        {
          text: '党组织登记',
          iconPath: require('@/assets/images/resident/basic/icon_partyOrganization@2x.png'),
          path: '/resident/collection/partyOrganization'
        },
        {
          text: '采集记录',
          iconPath: require('@/assets/images/resident/basic/icon_collection_record@2x.png'),
          path: '/resident/record?recordType=3'
        }
      ]
    }
  }
}
</script>
<style scoped lang="less">
@import '~@/assets/style/resident/entry.less';
</style>
